<!DOCTYPE>
<html>
<head>
    <title>login</title>
    <meta charset="UTF-8">
    <script src="./js/jquery-1.12.3.min.js"></script>
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <style type="text/css">
        .vertical-center {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    </style>
</head>
<body>
<div class="container vertical-center">
    <div class="col-md-6 col-md-offset-3">
        <form action="loginvalidate" method="post">
            <h2>登录聊天室</h2>
            <label for="inputEmail" class="sr-only">userid</label>
            <input type="text" name="username" id="inputEmail" class="form-control" placeholder="userid" required
                   autofocus/>
            <label for="inputPassword" class="sr-only">Password</label>
            <input type="password" name="password" id="inputPassword" class="form-control" placeholder="Password"
                   required/>
            <label for="inputEmail" class="sr-only">userid</label>
            <button class="btn btn-lg btn-primary btn-block" type="submit">login</button>
        </form>

    </div>
</div> <!-- /container -->
</body>
</html>
